[dash] Port section container to CSS, lower spacing

Newer mockup has smaller spacing.

https://bugzilla.gnome.org/show_bug.cgi?id=600734

diff --git a/data/theme/gnome-shell.css b/data/theme/gnome-shell.css
index bd8b58eea51d55e9c3d18fc6257b9d4fb76a10bb..c067443f79c607572d9c414f9666ae3b4a83967c 100644 (file)
--- a/data/theme/gnome-shell.css
+++ b/data/theme/gnome-shell.css
@@ -89,6 +89,10 @@ StTooltip {
     padding: 0px 14px;
 }
 
+#dashSections {
+    spacing: 12px;
+}
+
 #searchEntry {
     padding: 4px;
     border-bottom: 1px solid #262626;

diff --git a/js/ui/dash.js b/js/ui/dash.js
index 29a47c673cae54e129fe02355cdf2b815debd669..f757aaeaa63e0df9c9f3bda1375b2bc2f24e3076 100644 (file)
--- a/js/ui/dash.js
+++ b/js/ui/dash.js
@@ -565,8 +565,8 @@ Dash.prototype = {
         // Size for this one explicitly set from overlay.js
         this.searchArea = new Big.Box({ y_align: Big.BoxAlignment.CENTER });
 
-        this.sectionArea = new Big.Box({ orientation: Big.BoxOrientation.VERTICAL,
-                                         spacing: DASH_SECTION_SPACING });
+        this.sectionArea = new St.BoxLayout({ name: "dashSections",
+                                               vertical: true });
 
         this.actor.add(this.searchArea);
         this.actor.add(this.sectionArea);
@@ -693,7 +693,7 @@ Dash.prototype = {
            }
         }));
 
-        this.sectionArea.append(this._appsSection.actor, Big.BoxPackFlags.NONE);
+        this.sectionArea.add(this._appsSection.actor);
 
         /***** Places *****/
 
@@ -702,7 +702,7 @@ Dash.prototype = {
         this._placesSection = new Section(_("PLACES"), true);
         let placesDisplay = new PlaceDisplay.DashPlaceDisplay();
         this._placesSection.content.add(placesDisplay.actor, { expand: true });
-        this.sectionArea.append(this._placesSection.actor, Big.BoxPackFlags.NONE);
+        this.sectionArea.add(this._placesSection.actor);
 
         /***** Documents *****/
 
@@ -727,7 +727,7 @@ Dash.prototype = {
         }));
         this._docDisplay.emit('changed');
 
-        this.sectionArea.append(this._docsSection.actor, Big.BoxPackFlags.EXPAND);
+        this.sectionArea.add(this._docsSection.actor, { expand: true });
 
         /***** Search Results *****/
 
@@ -775,7 +775,7 @@ Dash.prototype = {
             createPaneForDetails(this, section.resultArea.display);
         }
 
-        this.sectionArea.append(this._searchResultsSection.actor, Big.BoxPackFlags.EXPAND);
+        this.sectionArea.add(this._searchResultsSection.actor, { expand: true });
         this._searchResultsSection.actor.hide();
     },